<template>
    <div id="app">
        <!-- <keep-alive> -->
        <router-view></router-view>
        <lo-ding v-if="lodigChange == '2'"></lo-ding>
        <!-- </keep-alive> -->

        <van-tabbar inactive-color="#000" active-color="red" route v-if="$route.meta.show">
            <van-tabbar-item to="/" icon="wap-home">首页</van-tabbar-item>
            <van-tabbar-item to="/category" icon="apps-o">分类</van-tabbar-item>
            <van-tabbar-item to="/cart" icon="shopping-cart-o">购物车</van-tabbar-item>
            <van-tabbar-item to="/myview" icon="contact">我的</van-tabbar-item>
        </van-tabbar>

        <div class="circle" id="moveDiv">
            <circle-view></circle-view>
        </div>
    </div>
</template>

<script>
import CircleView from "./views/CircleView.vue";
import LoDing from "./views/LoDing.vue";
import { mapState } from "vuex";
export default {
    components: { CircleView, LoDing },
    data() {
        return {};
    },
    methods: {},
    computed: {
        ...mapState(["lodigChange"]),
    },
};
</script>

<style lang="scss" scoped>
.app {
    position: relative;
}
.circle {
    position: fixed;
    right: 10px;
    bottom: 130px;
    z-index: 999;
}
</style>
